<template>
<div>
  <div class="side">
    <div style="margin-left: 30%">
      <img src="https://pic1.zhimg.com/50/v2-0c5e8ea4e9b263eda69cf8d3a8c00275_xl.jpg" alt="">
      <div class="text_company">公司端</div>
      <div style="height: 25px"></div>
    </div>
    <el-menu
        default-active="2"
        class="el-menu-vertical-demo"
        background-color="#242933"
        text-color="#fff"
        active-text-color="#ffd04b"
        unique-opened
        >
      <el-menu-item index="1">
<!--        <i class="el-icon-menu"></i>-->
        <img src="https://pic1.zhimg.com/50/v2-cddc816e7a73e1df92544b819582b71f_xl.jpg" alt="">
        <span slot="title">&nbsp;上链管理</span>
      </el-menu-item>
      <el-submenu index="2">
        <template slot="title">
<!--          <i class="el-icon-location"></i>-->
          <img src="https://pica.zhimg.com/80/v2-97a8d71cafcbf0dfd14b8a559566c038_xl.jpg" alt="">
          <span>&nbsp;ESG评分</span>
        </template>

        <el-menu-item index="2-1"> 全方位解读</el-menu-item>
        <el-menu-item index="2-2"> 行业竞争力</el-menu-item>
        <el-menu-item index="2-3"> 提升建议</el-menu-item>
      </el-submenu>

      <el-submenu index="3">
        <template slot="title">
<!--          <i class="el-icon-location"></i>-->
          <img src="https://pica.zhimg.com/80/v2-0906ccf5cfedb67215bae54ced148e1c_xl.jpg" alt="">
          <span>&nbsp;利率评价</span>
        </template>

        <el-menu-item index="3-1"> 当前利率</el-menu-item>
        <el-menu-item index="3-2"> 降本空间</el-menu-item>
        <el-menu-item index="3-3"> 贷款</el-menu-item>
      </el-submenu>
      <el-submenu index="4">
        <template slot="title">
<!--          <i class="el-icon-location"></i>-->
          <img src="https://pic1.zhimg.com/80/v2-69e92acb552842aa46859152efcc3f69_xl.jpg" alt="">
          <span>&nbsp;账户管理</span>
        </template>

        <el-menu-item index="4-1">公司信息</el-menu-item>
        <el-menu-item index="4-2">历史贷款</el-menu-item>
        <el-menu-item index="4-3">会员</el-menu-item>
      </el-submenu>
    </el-menu>
  </div>
</div>
</template>

<script>
export default {
  name: "Company"
}
</script>

<style scoped>
.side{

  /* Auto layout */

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px 24px 55px;

  position: absolute;
  width: 195px;
  height: 1020px;
  left: 0px;
  top: 64px;

  background: #242933;
}
.text_company{
  /* 公司端 */


  position: static;
  width: 51px;
  height: 24px;
  left: 0px;
  top: 0px;

  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
  /* identical to box height */
  color: #CED6E0;
  /* Inside auto layout */

  flex: none;
  order: 0;
  flex-grow: 0;
  margin-left: 15%;

}
.el-menu {
  border-right: 0;
}
</style>